@import "./var.scss";

:root {
  --c-f1: #262626;
  --c-f2: #595959;
  --c-f3: #8c8c8c;
  --c-f4: #bfbfbf;
  --c-f5: #d9d9d9;
  --c-f6: #f0f0f0;
  --c-f7: #f5f5f5;
  --c-f8: #fafafa;
  --c-f9: #ffffff;

  --c-a1: #4f6ee8;
  --c-a2: #52c41a;
  --c-a3: #ff4d4f;
  --c-a4: #1890ff;
  --c-a5: #fbad15;
  --c-a6: #ffffff;
  --c-s1: #1d1f24;

  --c-f1-r: 38, 38, 38;
  --c-f2-r: 89, ​89, ​89;
  --c-f3-r: 140, 140, 140;
  --c-f4-r: 191, 191, 191;
  --c-f5-r: 217, 217, 217;
  --c-f6-r: 240, 240, 240;
  --c-f7-r: 245, 245, 245;
  --c-f8-r: 250, 250, 250;
  --c-f9-r: 255, 255, 255;

  --c-a1-r: 7, 66, 129;
  --c-a2-r: 82, 196, 26;
  --c-a3-r: 255, 77, 79;
  --c-a4-r: 24, 144, 255;
  --c-a5-r: 251, 173, 21;
  --c-a6-r: 255, 255, 255;
  --c-s1-r: 29, 31, 36;

  --c-f1-dark: #000000;
  --c-f1-light: #333333;
  --c-s1-dark: #000000;
  --c-s1-light: #2e2e30;
  --c-a1-dark: #001d5c;
  --c-a1-light: #2e69a8;
  --c-a2-dark: #389e0d;
  --c-a2-light: #73d13d;
  --c-a3-dark: #d9363e;
  --c-a3-light: #ff7875;
  --c-a4-dark: #096dd9;
  --c-a4-light: #40a9ff;
  --c-a5-dark: #d48806;
  --c-a5-light: #ffc53d;
  --c-a6-dark: #d9d9d9;
  --c-a6-light: #ffffff;

  --c-f1-dark-r: 0, 0, 0;
  --c-f1-light-r: 51, 51, 51;
  --c-s1-dark-r: 0, 0, 0;
  --c-s1-light-r: 46, 46, 48;
  --c-a1-dark-r: 0, 29, 92;
  --c-a1-light-r: 46, 105, 168;
  --c-a2-dark-r: 56, 158, 13;
  --c-a2-light-r: 115, 209, 61;
  --c-a3-dark-r: 217, 54, 62;
  --c-a3-light-r: 255, 120, 117;
  --c-a4-dark-r: 9, 109, 217;
  --c-a4-light-r: 64, 169, 255;
  --c-a5-dark-r: 212, 136, 6;
  --c-a5-light-r: 255, 197, 61;
  --c-a6-dark-r: 217, 217, 217;
  --c-a6-light-r: 255, 255, 255;

  --c-a1-backdrop: #ecf5ff;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei",
    "WenQuanYi Micro Hei", Helvetica, Arial, monospace, serif;
  color: $f1;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

.win {
  *::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  *::-webkit-scrollbar-track {
    background: #ffffff;
  }
  *::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #888;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .scroll {
    overflow: hidden;
    &:hover {
      overflow: auto;
    }
  }
}

.el-tree{
  height: auto !important;
}
